body{ bbackground-color: #ccc; }

#logo{ position: relative; height: 40px; font-weight: bolder; font-size: 4rem; margin:100px 0px 50px; }
#logo b,#logo i{ font-style: normal; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#logo b{ color: green; }
#logo i{ color: red; transform: translate(-52%,-56%); }
.dibu{ margin-top: 120px; width: 100%; bottom: 20px; text-align: center;}
.loginBox{ width: 100%; }
.loginBox p{ width: 80%; margin: 0px auto; padding: 0px; border-radius: 10px; overflow: hidden; padding: 10px 0px; background-color: #fff; }
.loginBox p input{  float: left; margin: 0px; height: 3rem; font-size: 1.2rem; border: 0px; border-radius:0px }
.loginBox p input:first-child{ border-bottom: 1px solid #c0c0c0; }
.loginBox .nbtn{ width: 80%; border: 0px; background-color: #68DEEA; font-size: 1.3em; font-weight: 500; color: #fff; margin: 0px auto; line-height: 40px; }
 
.nbtn{ border: 0px;  background-color: #68DEEA; font-size: 1.4rem; font-weight: 500; color: #fff; margin: 0px auto; line-height: 35px; }
.pBox{ position: relative; margin-top: -30px; z-index: 99; width: 90%; margin: 30px auto; background-color: #fff; border-radius: 10px; text-align: center; padding-top: 10px; }
.pHeader{ font-size: 1.3rem; color: #5ECBD8; margin: 20px auto; }
.sInput{ margin-top: 40px; width: 90%; margin: 0px auto;  }
.btnBox{ display: flex; text-align: left; padding: 20px 15px; }
.btnBox .nbtn{ flex: 1; }
.btnBox button{ width: 40%; }
.btnBox button:last-child{ float: right; }
.input-saomiao{ margin: 0px auto; background:#F5F5F5; border:2px #68DEEA solid !important; font-size: 1.2rem !important; height: 3rem !important; line-height: 3rem !important; border-radius: 10px; }
.pBox2{  width: 90%; margin: 0px 5%; margin-top: 60px; text-align: center; padding-bottom: 20px; }
.pBox2 button{ width: 90%;  }
.uinfo{ font-size: 16px; margin-top: -10px; padding-bottom: 10px; }
.uinfo ul, .uinfo li{ margin: 0px; padding: 0px; text-align: left; }
.uinfo ul{ margin-left: 30px; }
.uinfo li{ line-height: 30px; }
.uinfo li i{ font-style: normal; display: inline-block; width: 6rem; color: #666; }
.litem{ margin-bottom: 5px; text-align: left; }
.litem .nbtn.w3{ float: right; font-size: 0.8rem;}
.litem .nbtn{ text-align: left; }
.w9{ width: 90%; } 
.w6{ width: 68%; } 
.w5{ width: 45%; }
.w3{ width: 30%;  }
.w{ width: 100%; }
.ac{ text-align: center !important; }
.dataList{ width: 90%; margin: 0px 5%; margin-top: -30px; }
.dataList dl{ margin: 0px; }
.dataList dl dd{ border:2px transparent solid; border-bottom: 1px #68DEEA solid; float: left; height: 60px; width: 100%; display: inline-block; background-color: #fff; padding: 5px; padding-bottom: 10px; margin: 5px 0px 0px 0px; position: relative; clear: both; }
.dataList2 dl dd{ height: 120px; }
.dataList dl dd.sel{ border:2px #68DEEA solid; box-shadow: 0px 0px 3px #68DEEA ; }
.dataList dl dd>i{ display: inline-block; width: 20px; height: 20px; position: absolute; top: 0px; right: 0px; background-image: url(../img/ico_fujian.png); background-size: contain; }
.dataList dl dd em{ position: absolute; left: 2px; top: 7px; display: inline-block; text-align: center; line-height: 40px; color: #fff; width: 40px; height: 40px; border-radius: 25px; background-color: #68DEEA; float: left; }
.dataList dl dd.sel em{ color: red; }
.dataList dl dd p{ margin: 0px; margin-left: 40px; }
.dataList dl dd p span{ background-color: #eee; margin-right: 2px; display: inline-block; width: 20%; float: left; text-align: center; }
.dataList dl dd p span.u{ width: 36%; }
.dataList2 dl dd p span{ min-width: 20%; width: inherit; }
.dataList dl dd p span i{ font-style: normal; display: inline-block; }
.dataList dl dd p span b{ display: inline-block; width: 100%; background-color: #68DEEA; color: #fff; font-weight: normal; line-height: 24px; } 
.cc{ clear: both; }
	
.fbtnBox{ width: 100%; margin: 2px 0px 1px; } 
.btnBox2{  margin: 40px 5% 0px;  }
.btnBox2 .nbtn{ line-height: 45px; }

.formBox{ margin: 30px 10% 10px; color: #fff; }
.formBox p{ padding-left: 5rem; display: flex; margin: 10px 0px;  height:3rem; padding: 0px; position: relative; background-color: #fff; border-radius:10px }
.formBox p label{ color: #222; line-height: 3rem; border-right: 1px #ccc solid; text-align: center; font-size: 1rem; flex: 2; display: inline-block; width: 5rem; position: absolute; left: 0px; }
.formBox p input,.formBox p select{ color: #111; font-size: 1.1rem; height: 3rem; border: 0px; background-color: transparent; flex: 6; margin-left: 5rem; }
.formBox p select{ background-image: url(../img/xiala.png); background-position: 95% 50%; background-repeat: no-repeat; }
.formBox p b{ color: #333; font-weight: normal; font-size: 1.1rem; display: inline-block; width: 25%; text-align: center;  border-left: 3px #68DEEA solid; line-height: 3rem; }
.formBox p b.one{ margin-left: 5rem; transform: translateX(-1px); width: 30%; }
.formBox p a{ width: 70px; line-height: 3rem; font-size: 1.1rem; text-align: center; border-radius:0px 10px 10px 0px }

.formBox2{ margin: 30px 5%; }
.formBox3 p label{ width: 6rem; }
.formBox3 p input{ margin-left: 6rem; }

#mySwitch2{ left: 5.5rem; top:0.5rem } 

.mui-switch.mui-active:before{ content: '开'; }
.mui-switch:before{ content: '关'; }
.mui-switch:before{ line-height: 24px; font-size: 0.9rem; }

select.dengji{ width: 90%; margin-bottom: 30px; border:2px #68DEEA solid !important;  color: #111; font-size: 1.1rem; height: 3rem; 
border: 0px; background-color: transparent; background-image: url(../img/xiala.png); background-position: 95% 50%; background-repeat: no-repeat; }

.searhBox{ border-radius:10px; overflow: hidden; display: flex; width: 90%; height: 2.6rem; margin: 10px auto; margin-bottom: 30px; border:2px #68DEEA solid !important;  }
.searhBox input{ flex: 6; height: 2.4rem; border: 0px; font-size: 1.1rem; }
.searhBox a{ flex: 2; line-height: 2.4rem; height: 2.4rem; font-size: 1.2rem; }


.fixBottom{ border-top:1px #ccc solid; background: #fff; position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 99; }
.fixBottom.btnBox{ margin: 0px !important; padding: 5px !important; }
.fixBottom.btnBox .nbtn{ margin:0px 3px; }
.btnBox .nbtn{ margin:0px 3px; }